:root.dark {
    color-scheme: dark;
    --table-header-bg-color: var(--el-bg-color);
    --table-header-text-color: var(--el-text-color-regular);

    --el-bg-color: #1D2124;
    --el-bg-color-page: #0A0A0A;
    --el-bg-color-light: #333333;
    --el-bg-color-lighter: #252525;
    --el-bg-color-overlay: #1D1E1F;

    --el-text-color-primary: #E5EAF3;
    --el-text-color-regular: #CFD3DC;
    --el-text-color-secondary: #A3A6Ad;
    --el-text-color-placeholder: #8D9095;
    --el-text-color-disabled: #6C6E72;

    --el-border-color: #4C4D4F;
    --el-border-color-darker: #636466;
    --el-border-color-dark: #58585B;
    --el-border-color-light: #414243;
    --el-border-color-lighter: #363637;
    --el-border-color-extra-light: #2B2B2C;

    --el-fill-color: #303030;
    --el-fill-color-darker: #424243;
    --el-fill-color-dark: #39393A;
    --el-fill-color-light: #262727;
    --el-fill-color-lighter: #1d1d1d;
    --el-fill-color-extra-light: #191919;
    --el-fill-color-blank: var(--el-bg-color);

    --el-mask-color: rgb(0 0 0 / 80%);
    --el-mask-color-extra-light: rgb(0 0 0 / 30%);
    --el-box-shadow-light: 0px 0px 12px rgb(0 0 0 / 72%);
    --el-box-shadow-lighter: 0px 0px 6px rgb(0 0 0 / 72%);
    --el-box-shadow: 0px 12px 32px 4px rgb(0 0 0 / 36%), 0px 8px 20px rgb(0 0 0 / 72%);
    --el-box-shadow-dark: 0px 16px 48px 16px rgb(0 0 0 / 72%), 0px 12px 32px #000000, 0px 8px 16px -8px #000000 !important;
}
